<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>


<body>
<div th:replace="common/top"></div>

<div id="BackLink">
<!--    <a th:href="@{viewCategory(categoryId=${product.categoryId})}"  th:text="'Rerurn to '+${product.categoryId}">Return to ***</a>-->

<!--    &lt;!&ndash;                        <a th:href="@{viewProduct(productId=${product.productId})}"  th:text="${product.productId}" >productId</a>&ndash;&gt;-->
</div>

<div id="Catalog">

    <h2>all users are below</h2>
    <div style="width:100%; height:50%; overflow:scroll;">
    <table>
        <tr>
            <th>username</th>
<!--            <th>password</th>-->
            <th>email</th>
            <th>firstName</th>
            <th>lastName</th>
            <th>status</th>
            <th>address1</th>
            <th>address2</th>
            <th>city</th>
            <th>state</th>
            <th>zip</th>
            <th>country</th>
            <th>phone</th>
            <th>modifyinfo</th>
            <th>modifypw</th>
        </tr>

        <tr th:each="userinfo:${userInfoList}">
            <td th:text="${userinfo.username}">$100</td>
<!--            <td th:text="${userinfo.password}">$100</td>-->
            <td th:text="${userinfo.email}">$100</td>
            <td th:text="${userinfo.firstName}">$100</td>
            <td th:text="${userinfo.lastName}">$100</td>
            <td th:text="${userinfo.status}">$100</td>
            <td th:text="${userinfo.address1}">$100</td>
            <td th:text="${userinfo.address2}">$100</td>
            <td th:text="${userinfo.city}">$100</td>
            <td th:text="${userinfo.state}">$100</td>
            <td th:text="${userinfo.zip}">$100</td>
            <td th:text="${userinfo.country}">$100</td>
            <td th:text="${userinfo.phone}">$100</td>
            <td><button style="    background: linear-gradient(
                50deg,#04fafa, #097acc)"><a th:href="@{/account/userEdit(username=${userinfo.username})}">修改信息</a></button></td>
            <td><button style="    background: linear-gradient(
                50deg,#04fafa, #097acc)"><a th:href="@{/account/userEditPassword(username=${userinfo.username})}">修改密码</a></button></td>
        </tr>
    </table>
    </div>
</div>


<div th:replace="common/bottom"></div>

</body>


</html>